<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page；推荐使用json5，更强大，且允许注释 -->
<route lang="json5" type="home">
{
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '首页',
  },
}
</route>
<template>
  <Loyout class="index-page">
    <view class="i-carbon-document-export"></view>

    <view class="text-center mt-8">
      当前平台是：
      <text class="text-green-500">{{ PLATFORM.platform }}</text>
    </view>
    <view class="text-center mt-4">
      模板分支是：
      <text class="text-green-500">base</text>
    </view>

    <view class="text-center mt-4">
      扫码结果：
      <text class="text-green-500">{{ scanData }}</text>
    </view>

    <view @click="selectInput">测试解析txt文件</view>
    <view>
      <view>text: 内容</view>
      <view>{{ text }}</view>
    </view>
    <view @click="selectXlsx">测试解析xlsx文件</view>
    <view>
      <view>text: 内容</view>
      <view>{{ xlsx }}</view>
    </view>
    <view @click="selectXlsx2">测试解析xlsx文件</view>
    <view>
      <view>text: 内容</view>
      <view>{{ xlsx2 }}</view>
    </view>
  </Loyout>
</template>

<script lang="ts" setup>
import Loyout from '@/layouts/index.vue'
import PLATFORM from '@/utils/platform'
import useScan from '@/hooks/useScan'
import { getTextUrlStr, getXlsxUrlStr } from '@/utils'

const scanData = ref('')

useScan((code) => {
  console.log('data', code)
  scanData.value = code
})

const text = ref()
const xlsx = ref()
const xlsx2 = ref()

const selectInput = async () => {
  text.value = await getTextUrlStr('')
  console.log('data', text.value)
}
const selectXlsx = async () => {
  xlsx.value = await getXlsxUrlStr('')
  console.log('data', xlsx.value)
}
const selectXlsx2 = async () => {
  xlsx2.value = await getXlsxUrlStr('')
  console.log('data', xlsx2.value)
}
// 测试 uni API 自动引入
onLoad(() => {
  console.log('Home onLoad')
})

onShow(() => {
  console.log('Home Show')
})
</script>

<style>
.index-page {
}
</style>
